// .api-authorization-css {
// .card {
//   border: 1px solid #dedede;
//   border-radius: 4px;
//   background: #fff;

//   .card-title {
//     padding: 10px 16px;
//     border-bottom: 1px solid #dedede;
//     font-size: 1.2em;
//   }

//   .card-content {
//     padding: 10px 16px;

//     &-list {
.card-content-list {
  &-item:last-child {
    margin-bottom: 0;
  }

  &-item {
    display: flex;
    margin-bottom: 10px;

    &-left-icon {
      width: 6px;
      // background: #f41d27;
    }

    &-right {
      width: calc(100% - 6px);
      border: 1px solid #efefef;
      border-left: none;
      padding: 0 12px;

      &-top {
        display: flex;
        align-items: center;
        justify-content: space-between;

        &-img {
          width: 60px;
          // height: 80px;
          display: flex;
          justify-content: center;
          align-items: center;

          img {
            width: 40px;
            height: 40px;
          }
        }

        &-content {
          // height: 80px;
          display: flex;
          justify-content: center;
          flex-direction: column;

          // width: 300px;
          &-title {
            font-weight: bold;
            color: #999;
          }

          &-tips {
            color: #aaa;
            font-size: 0.9em;
          }
        }

        &-btn {
          // width: 100px;
          display: flex;
          justify-content: center;
          align-items: center;

          // button {
          //   padding-left: 30px;
          //   padding-right: 30px;
          //   // color: #fff;
          // }
        }
      }

      &-bottom {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 0.9em;

        &-text {
          width: calc(100% - 300px);
          height: 80px;
          padding: 10px 0;
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;

          &-color-red {
            color: #f31621;
          }
        }

        &-button-group {
          width: 300px;
          height: 80px;
          display: flex;
          justify-content: center;
          align-items: center;

          &-line {
            margin: 0 4px;
          }
        }
      }

      &-details {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 0.9em;
        border-top: 1px solid #dedede;
        // padding: 6px 0;
      }
    }
  }
}

// }
// }
// }

.item-config {
  width: 100%;
  padding: 10px 0 10px 80px;

  ::v-deep .el-form {
    .el-form-item {
      &:last-child {
        margin-bottom: 0 !important;
      }
    }
  }


  .el-input {
    width: 60% !important;
  }
}

